<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Moonsweet 的小站</title>
    <link rel="stylesheet" type="text/css" href="index.css"/>
    <!--[if IE]>
    <script src="html5shiv.js"></script>
    <![endif]-->
</head>
<body>
<div class="container">
    <!-- header-->
    <header>
        <div class="img_wrap"><img src="img/moon1.jpg" /></div>
        <h3>Moonsweet 的小站</h3>
    </header>
    <!-- article-->
    <article>
        <div class="cap">
            <h3 class="int">简介</h3>
            <h3 class="demo">Demo</h3>
            <h3 class="git">Git</h3>
        </div>
        <div class="content">
            <div class="demols">
                <ul>
                    <li>
                        <a target="_blank" href="./new_year/greeting_card.html">1.　移动端春节音乐贺卡</a>

                    </li>
                    <li>
                        <a target="_blank" href="./smartisan-index/smartisan.html">2.　smartisan移动端首页</a>

                    </li>
                    <li>
                        <a target="_blank" href="./weather_prediction/weather.html">3.　天气预报</a>
                    </li>
                    <li>
                        <a target="_blank" href="./muke/muke.html">4.　慕课网首页</a>

                    </li>
                    <li>
                        <a target="_blank" href="./baidu-mobile/phonebaidu.html">5.　百度手机端</a>
                    </li>
                    <li>
                        <a target="_blank" href="./baidu_index_after_login/baidufinish.html">6.　百度登陆后个人页</a>
                    </li>
                    <li>
                        <a target="_blank" href="./geek_index/jikeindex.html">7.　极客学院首页</a>

                    </li>
                    <li>
                        <a target="_blank" href="./ent-site-page/pc.html">8.　企业网站首页</a>
                    </li>
                    <li>
                        <a target="_blank" href="./hao123/hao123.html">9.　hao123首页</a>
                    </li>
                    <li>
                        <a target="_blank" href="./login/logon.html">10.　登录页</a>
                    </li>
                    <li>
                        <a target="_blank" href="./magic_cube/mofang.html">11.　css3实现动画魔方</a>
                    </li>
                    <li>
                        <a target="_blank" href="./phone/psd-phone.html">12.　bootstrap mobile页</a>
                    </li>
                    <li>
                        <a target="_blank" href="./qingniao_site/qingniao.html">13.　青鸟教育网的一个表单页</a>
                    </li>
                    <li>
                        <a target="_blank" href="./ajax/ajax.html">14.　Ajax发表评论</a>
                    </li>
                    <li>
                        <a target="_blank" href="./web_manager/mybootstrap.html">15.　bootstrap 网站后台页</a>
                    </li>
                    <li>
                        <a target="_blank" href="./animation_test/donghua.html">16.　动画小蜜蜂</a>
                    </li>
                    <li>
                        <a target="_blank" href="./mobile/yunqi.html">17.　手机端网页</a>
                    </li>
                    <li>
                        <a target="_blank" href="./yunqi/user-center.html">18.　pc端网页</a>
                    </li>
                </ul>
           </div>
            <p class="intls">我是一名web前端，掌握HTML5，CSS3，Javascript，Bootstrap，JQuery，Fireworks，Ps等技术，自己做了一些小demo。</p>
            <a href="https://git.oschina.net/moonsweet/Learn_web.git" target="_blank" class="gitinfo">https://git.oschina.net/moonsweet/Learn_web.git</a>
        </div>
        <div class="imgwrap"><img src="img/tm.png" /></div>
    </article>
</div>
<script src="jquery-1.11.1.min.js"></script>
<script src="index.js"></script>
</body>
</html>